<template>
    <ul>
      <li>
        <div class="img_wrap">
          <img :src="default_qrcode"  lazy="loading">
        </div>
        <div class="text_wrap">
          保温杯{{papaid}}
        </div>
      </li>
      <li>
        <div class="img_wrap">
          <img v-lazy="default_qrcode">
        </div>
        <div class="text_wrap">
          保温杯
        </div>
      </li>
      <li>
        <div class="img_wrap">
          <img :src="default_qrcode">
        </div>
        <div class="text_wrap">
          保温杯
        </div>
      </li>
      <li>
        <div class="img_wrap">
          <img :src="default_qrcode">
        </div>
        <div class="text_wrap">
          保温杯
        </div>
      </li>
      <li>
        <div class="img_wrap">
          <img v-lazy="testLazyImgObj">
        </div>
        <div class="text_wrap">
          保温杯
        </div>
      </li>
      <li>
        <div class="img_wrap">
          <img v-lazy="testLazyImgObj2">
        </div>
        <div class="text_wrap">
          保温杯
        </div>
      </li>
    </ul>
</template>

<script>

export default {
  name: 'rightNav',
  props: ['papaid'],
  data() {
    return {
      testLazyImgObj: {
        src:'http://covteam.u.qiniudn.com/test19.jpg?imageView2/2/format/webp',
        error: 'http://xx.com/error.png',
        loading: 'http://pic30.huitu.com/res/20150505/674807_20150505085607869151_1.jpg'
      },
      testLazyImgObj2: {
        src: require('assets/images/test_big.png'),
        error: 'http://xx.com/error.png',
        loading: require('assets/images/loading.gif'),
      },
      default_qrcode:'http://covteam.u.qiniudn.com/test19.jpg?imageView2/2/format/webp',
    }
  },
  methods: {
    goTo: function () {
      this.$router.push({ path: 'gift/send' })
    }
  },

}
</script>

<style scoped>
  img[lazy=loading] {
  
  }
  img[lazy=error] {
      
  }
  img[lazy=loaded] {

  }
</style> 